<template>
  <!-- <uni-nav-bar title="我的钱包" :fixed="true">
    <uni-title class="" align="center" type="h2" title="我的钱包" />
  </uni-nav-bar> -->

  <div class="px-4">
    <div
      class="header flex justify-between rounded-lg bg-white p-4 mt-6 h-26 shadow-gray-300 shadow-md"
    >
      <div class="flex justify-between flex-col">
        <text class="font-semibold text-lg">可提现余额(元)</text>
        <!-- <uni-title class="p-0 m-0" type="h2" title="可提现余额(元)" /> -->
        <text class="font-semibold text-xl text-2xl text-blue-500 text-shadow-md">88.00</text>
      </div>
      <div class="flex flex-col-reverse">
        <button class="rounded-full m-0 shadow-gray-300 shadow-md" size="mini" :type="primary">
          支付宝提现
        </button>
      </div>
    </div>

    <div class="mt-6 bg-white rounded-md py-2 pb-4 shadow-gray-300 shadow-sm">
      <uni-title class="ml-4" type="h2" title="提现明细" />
      <uni-list class="px-2" :border="true">
        <uni-list-item class="p-0" title="支付宝提现" note="2020-02-02 20:20">
          <template #footer>
            <div class="text-blue-500">-0.02元</div>
          </template>
        </uni-list-item>
        <uni-list-item title="支付宝提现" note="2020-02-02 20:20">
          <template #footer>
            <div class="text-blue-500">-0.12元</div>
          </template>
        </uni-list-item>
      </uni-list>
    </div>
  </div>

  <!-- <web-view
    :fullscreen="true"
    :webview-styles="webviewStyles"
    :src="url || 'https://top.yfwnm.com/user.php/Index/money'"
  /> -->
</template>

<script setup lang="ts">
  import { computed } from 'vue'

  const primary = 'primary' as any

  const webviewStyles = {
    progress: {
      color: '#FF3333',
    },
    flex: 1,
  }

  const url = computed(() => uni.getStorageSync('location_url'))

  const avatarList = [
    {
      url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
    },
    {
      url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
    },
    {
      url: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png',
    },
  ]
</script>

<style scoped></style>
